"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const taro_1 = require("@tarojs/taro");
const components_1 = require("@tarojs/components");
class PageButton extends taro_1.Component {
    constructor() {
        super(...arguments);
        this.state = {
            btn: [
                {
                    text: '页面主操作 Normal',
                    size: 'default',
                    type: 'primary'
                },
                {
                    text: '页面主操作 Loading',
                    size: 'default',
                    type: 'primary',
                    loading: true,
                },
                {
                    text: '页面主操作 Disabled',
                    size: 'default',
                    type: 'primary',
                    disabled: true,
                },
                {
                    text: '页面次要操作 Normal',
                    size: 'default',
                    type: 'default'
                },
                {
                    text: '页面次要操作 Disabled',
                    size: 'default',
                    type: 'default',
                    disabled: true,
                },
                {
                    text: '警告类操作 Normal',
                    size: 'default',
                    type: 'warn'
                },
                {
                    text: '警告类操作 Disabled',
                    size: 'default',
                    type: 'warn',
                    disabled: true,
                }
            ]
        };
    }
    render() {
        return (<components_1.View className='container'>
                {this.state.btn.map(item => {
            return (<components_1.Button size={item.size ? item.size : ''} type={item.type ? item.type : ''} loading={item.loading ? item.loading : false} disabled={item.disabled ? item.disabled : false}>
                            {item.text}
                        </components_1.Button>);
        })}
                <components_1.Button className='btn-max-w' plain type='primary'>按钮</components_1.Button>
                <components_1.Button className='btn-max-w' plain type='primary' disabled>不可点击的按钮</components_1.Button>
                <components_1.Button className='btn-max-w' plain>按钮</components_1.Button>
                <components_1.Button className='btn-max-w' plain disabled>按钮</components_1.Button>
                <components_1.Button size='mini' type='primary'>按钮</components_1.Button>
                <components_1.Button size='mini'>按钮</components_1.Button>
                <components_1.Button size='mini' type='warn'>按钮</components_1.Button>
            </components_1.View>);
    }
}
exports.default = PageButton;
//# sourceMappingURL=index.jsx.map